<template>
    <div id="list-space" :style="{width: $store.state.availableWidth, top: top}">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "MyListSpace",
        props: {
            top: {
                type: String,
                default: '120px'
            }
        }
    }
</script>

<style scoped>
    #list-space {
        position: fixed;
        left: 195px;
        bottom: 0;
        overflow-y: scroll;
    }
</style>